<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
<script type="module">
    // 如果多次引用同一个文件，那么只会引入一次
    import {name,people} from "./04暴露属性值的修改.js";
    import {people as people2} from "./04暴露属性值的修改.js";
    // 报错：name is readOnly，暴露出来的属性相当于const修饰，不能更改值
    // name = "Hydra";
    // console.log("name = ",name);

    // OK，可以改变引用对象中的属性值
    // people.name = "Hydra";
    // console.log("name =",name);

    // 如果我在这里：改变了people.name的值，那么在原有的js文件中，people.name的值会不会发生更改？
    setTimeout(() => {
        console.log("我要在html页面中读取people.name",people.name);
        console.log("我要在html页面中读取people2.name",people2.name);
        people2
        
    },3000)



    // console.log("people.name =",people.name);


</script>
</html>